<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>后台登录-X-admin2.0</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../css/font.css">
	<link rel="stylesheet" href="../../css/xadmin.css">
	<link rel="stylesheet" href="../login/login.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../../js/xadmin.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
</head>
<body class="login-bg" >
    
    <div class="login layui-anim layui-anim-up" id='login-page'>
    	<div class="logo"></div>
        <div class="message">隆力奇后台管理系统</div>
        <div id="darkbannerwrap"></div>
        
        <form method="post" action='/getname' class="layui-form" >
            <input   v-model="name" placeholder="用户名"   lay-verify="required" class="layui-input" >
            <hr class="hr15">
            {{name}}
            <input name="password" v-model="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
            <hr class="hr15">
            <input id='login' v-on:click="login" value="登录" lay-submit lay-filter="login" style="width:100%;" type="button">
            <hr class="hr20" >
        </form>
    </div>

    <script>
    	var data = {
		   name: 'Hello Vue!',
		   password:'123'
		  }
    	var vm = new Vue({
		  el: '#login-page',
		  data: data,
		  methods: {
		  	login:function(){
		  		$.ajax(
              	 {  
              	 	url:'http://localhost:8889/auth/login',
				    dataType: 'json',
				    type:'post',
				    data:{'name':vm.name,'password':vm.password}
				}).done(function (data) {
					console.log(data)
				    //location.href='/koa/X-admin/index.html'
				}).fail(function (xhr, status) {
				     
				}).always(function () {
				     
				});
		  	}
		  }
		})
        
        
    </script>

    
   
</body>
</html>